// @import '../widgets.less';
.hide {
  display: none !important;
}
.wrapper {
  position: relative;
  flex-basis: 50%;
  display: flex;
  align-content: flex-start;
}
.centerline {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  flex-basis: 0.2%;
}
.sceneView {
  flex: 1;
}
.backbtn {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 80px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.compareTitle {
  position: fixed;
  left: 50%;
  bottom: 320px;
  width: 168px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  background: url();
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: cover;
  transform: translateX(-120%);
  &::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    border: 0;
    border-right: 8px solid #2fb0ff;
    border-bottom: 8px solid transparent;
    display: block;
    content: '';
  }
  &R {
    left: 100%;
  }
}
